.home{
  background: #f5f5f5;
  height: 100vh;
  overflow: auto;
}
.hydrated {
  font-size: 18px;
}
.top_menus{
  height: 150px;
  width: 100%;
  background:linear-gradient(top,#fff 0% ,#fff 40%,#f5f5f5 100%);
  text-align: center;
  .top_menus_item{
    width: 25%;
    display: inline-block;
    text-align: center;
  }
  .top_menus_img{
    width: 60px;
    height: 60px;
    margin: 10px auto;
  }
}
.img_billing{
  background: url('../../assets/images/Billing.png') no-repeat;
  background-size:100% 100%;
}
.img_scan{
  background: url('../../assets/images/scan.png') no-repeat;
  background-size:100% 100%;
}
.img_getMoney{
  background: url('../../assets/images/getMoney.png') no-repeat;
  background-size:100% 100%;
}
.img_order{
  background: url('../../assets/images/order.png') no-repeat;
  background-size:100% 100%;
}
.my_menus{
  background:#fff;
  box-shadow:0px 0px 5px 5px rgba(0,0,0,0.01);
  border-radius:8px;
  margin: 0 24px;
  padding:28px;
}
.my_menus_title{
  margin-bottom: 30px;
  display: flex;
  .title_text{
    font-weight: bold;
    font-size: 34px;
    letter-spacing: 5px;
    flex: 1
  }
  .title_tabs_slt{
    font-weight: 700;
    font-size: 28px;
    // text-decoration: underline;
    width: 90px;
    text-align: center;
    color: #282728;
    border-bottom: 6px solid #666
  }
  .title_tabs{
    font-size: 28px;
    margin-left: 15px;
    width: 90px;
    color: #666;
    text-align: center;
  }
}
.my_menus_item{
  width: 20%;
  display: inline-block;
  margin-bottom: 20px;
  text-align: center;
  font-size: 26px;
  color: #666;
}
.my_menus_img{
  width: 60px;
  height: 60px;
}
.count_data{
  // background:#FFD03E;
  box-shadow:0px 0px 5px 5px rgba(0,0,0,0.01);
  background:linear-gradient(-270deg,#ffca2d 0%,#ffce5b 43%,#fce47b 100%);
  border-radius:8px;
  margin: 0 24px;
  padding:28px;
  margin-top: 30px;
}
.count_title{
  margin-bottom: 20px;
  letter-spacing: 5px;
}
.count_box{
  margin: 14px 0;
  border-top: 1px solid #fae6ab;
  display: flex;
  padding-bottom: 20px;
  .count_item{
    flex: 1;
    text-align: center;
    font-size: 32px;
    .count_item_value{
      font-size: 40px;
      font-weight: bold;
      margin-top: 30px;
      margin-bottom: 10px;
    }
  }
}
.payment_box{
  box-shadow:0px 0px 5px 0px rgba(0,0,0,0.04);
  background:#fff;
  border-radius:18px;
  margin: 0 24px;
  padding:20px 20px 5px 20px;
  margin-top: -25px;
  margin-bottom: 30px;
  .payment_title{
    font-weight: bold;
    padding-bottom: 20px;
    letter-spacing: 5px;
  }
  .oils_line{
    margin:0 40px;
    padding: 20px 0;
    display: flex;
    .oils_title{
      flex: 4;
      text-align: left;
    }
    .oils_num{
      flex: 3;
      text-align: right;
    }
    .oils_money{
      flex: 3;
    }
    .oils_top_line{
      font-size: 36px;
      font-weight: bold;
      color: #333;
      margin-bottom: 10px;
    }
    .oils_bottom_line{
      font-size: 28px;
      color: #666;
    }
  }
  .oils_line_top{
    border-top: 1px solid #eee;
  }
  .payment_list{
    margin: 15px 0;
    // border-top: 1px solid #eee;
    // padding-top: 20px;
    .payment_item{
      width: 33%;
      display: inline-block;
      text-align: center;
      padding-top: 10px;
      .payment_value{
        font-size: 34px;
        // font-weight: bold;
        margin-bottom: 5px;
      }
      .payment_name{
        font-size: 26px;
        padding-bottom: 20px;
        margin: 0 20px;
      }
      .payment_bottom_line{
        border-bottom: 1px solid #eee;
      }
    }
    .payment_part_line{
      border-right: 1px solid #eee;
    }
  }
}
// .top_stat{
//   padding:20px 25px;
//   height: 300px;
//   background:linear-gradient(top,#5064EB 0%,rgba(86,140,255,1) 43%,rgba(31,113,255,1) 100%);
//   font-weight: 500;
//   color: #fff;
//   margin-bottom: 10px;
// }
// .top_title{
//   font-weight: 500;
//   margin-bottom: 20px;
//   // font-size: 30px;
// }